:deep(.el-drawer__body){
  padding: 0;
}

.menu-box {
  z-index: 2015;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: var(--el-color-primary-light-7);
  position: absolute;
  bottom: 90px;
  right: 30px;
  animation: warn 1.2s ease-in-out infinite;
  i {
    font-size: 30px;
    color: var(--el-color-primary);
  }
}

.logo {
  width: 210px;
  margin-right: 30px;
  .logo-img {
    width: 28px;
    object-fit: contain;
    margin-right: 6px;
  }
  .logo-text {
    font-size: 21.5px;
    font-weight: bold;
    color: var(--el-header-logo-text-color);
    white-space: nowrap;
  }
}

.el-menu {
  flex: 1;
  height: 100%;
  overflow: hidden;
  border-bottom: none;
  border-right: 0;
  .el-sub-menu__hide-arrow {
    width: 65px;
    height: 55px;
  }
  .el-menu-item.is-active {
    color: #ffffff !important;
  }
  .is-active {
    background-color: var(--el-color-primary) !important;
    border-bottom-color: var(--el-color-primary) !important;
    &::before {
      width: 0;
    }
    .el-sub-menu__title {
      color: #ffffff !important;
      background-color: var(--el-color-primary) !important;
      border-bottom-color: var(--el-color-primary) !important;
    }
  }
}



@keyframes warn {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    opacity: 0.9;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
  75% {
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
